<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <script src="https://at.alicdn.com/t/font_2516609_wrr4ggs83j.js"></script>
    <script src="jquery-3.6.0.min.js"></script>
    <script src="index.js"></script>
</head>
<body>
    <div class="index">
        <div class="index_left">
            <div class="hdspe">
                <img src="images/he.jpg">
                <p>Qin先生</p>
            </div>
            <div class="dh">
                <ul>
                    <li class="bin1">
                        <div >
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-tubiaozhizuomoban1"></use>
                            </svg>
                            <p>学习网站</p>
                        </div>
                    </li>
                    <li class="bin2">
                        <div class="">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-ganxingqu"></use>
                            </svg>
                            <p>我的兴趣</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="index_top">
            <div class="search"></div>
            <div class="menu">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-Shape"></use>
                </svg>
            </div>
        </div>
        <div class="index_right">
            <div class="index_righta">
                <div class="box" id="webs">
                    <ul>
                        <li>
                            <div class="boxs">
                                <a href="https://www.baidu.com">
                                    <img class="image" src="images/bd1.png" alt="图片加载异常">
                                    <img class="logo" src="images/bd.jpg" alt="图片异常">
                                    <p>百度一下你就知道</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="boxs">
                                <a href="https://www.runoob.com/">
                                    <img class="image" src="images/bili.png" alt="图片加载异常">
                                    <img class="logo" src="images/bili1.jpg" alt="图片异常">
                                    <p style="font-size: 14px;">哔哩哔哩( ゜- ゜)つロ干杯~</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="boxs">
                                <a href="https://www.runoob.com/">
                                    <img class="image" src="images/bun.png" alt="图片加载异常">
                                    <img class="logo" src="images/cn.jpg" alt="图片异常">
                                    <p>菜鸟教程</p>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="index_rightb">
                <h1>后续功能持续完善</h1>
            </div>
            <!-- <div class="index_rightb">
                <div class="box" id="webs">
                    <ul>
                        <li>
                            <div class="boxs">
                                <a href="https://www.baidu.com">
                                    <img class="image" src="images/bd1.png" alt="图片加载异常">
                                    <img class="logo" src="images/bd.jpg" alt="图片异常">
                                    <p>学习</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="boxs">
                                <a href="https://www.runoob.com/">
                                    <img class="image" src="images/bili.png" alt="图片加载异常">
                                    <img class="logo" src="images/bili1.jpg" alt="图片异常">
                                    <p style="font-size: 14px;">学习</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="boxs">
                                <a href="https://www.runoob.com/">
                                    <img class="image" src="images/bun.png" alt="图片加载异常">
                                    <img class="logo" src="images/cn.jpg" alt="图片异常">
                                    <p>学习</p>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div> -->
        </div>
    </div> 


</body>
</html>